CSS选择器示例

1. 元素选择器

这个段落使用了元素选择器样式。

2. 类选择器

这是一个高亮文本的例子。

3. ID选择器

整个内容区域使用了ID选择器(#main-content)的样式。

4. 属性选择器

这个链接会在新窗口打开: 示例网站

5. 伪类选择器

6. 伪元素选择器

这个段落的首字母会被特殊样式处理。

7. 后代选择器

这个段落是div的后代元素。

8. 子元素选择器

9. 相邻兄弟选择器

这个段落紧跟在h2标题后面，会有特殊样式。

这个段落不会受影响。

10. 通用兄弟选择器

这个段落与h3标题同级。

这个段落也与h3标题同级。

11. 群组选择器

这个h3标题

和这个h4标题

都使用了相同的颜色样式。

12. 通用选择器

通用选择器(*)应用于页面上的所有元素。